<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<html>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Index</title>
    <link rel="stylesheet" href="<%=basePath%>/css/jquery.searchableSelect.css">
    <script src="<%=basePath%>/js/jquery-2.1.0.js" charset="utf-8"></script>
    <script src="<%=basePath%>/js/jquery.searchableSelect.js"></script>
</head>
<body>
<select>
    <option value="Personalize">Personalize</option>
    <option value="BlackBerry">BlackBerry</option>
    <option value="device">device</option>
    <option value="with">with</option>
    <option value="entertainment">entertainment</option>
    <option value="and">and</option>
    <option value="social">social</option>
    <option value="networking">networking</option>
    <option value="apps">apps</option>
    <option value="or">or</option>
    <option value="apps">apps</option>
    <option value="that">that</option>
    <option value="will">will</option>
    <option value="boost">boost</option>
    <option value="your">your</option>
    <option value="productivity">productivity</option>
    <option value="Download">Download</option>
    <option value="or">or</option>
    <option value="buy">buy</option>
    <option value="apps">apps</option>
    <option value="from">from</option>
    <option value="Afbb">Afbb</option>
    <option value="Akademie">Akademie</option>
    <option value="Berlin">Berlin</option>
    <option value="reviews">reviews</option>
    <option value="by">by</option>
    <option value="real">real</option>
</select>
<script>$(function(){$('select').searchableSelect();});</script>
</body>
</html>